$HTML_fontSize: 20px;

@media screen and (max-width: 1023px) {
  $scale: 0.5;

  html {
    font-size: $HTML_fontSize * $scale;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  $scale: 0.6;

  html {
    font-size: $HTML_fontSize * $scale;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  $scale: 0.7;

  html {
    font-size: $HTML_fontSize * $scale;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
  $scale: 0.8;

  html {
    font-size: $HTML_fontSize * $scale;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  $scale: 0.9;

  html {
    font-size: $HTML_fontSize * $scale;
  }
}
@media screen and (min-width: 1920px) {
  $scale: 1;

  html {
    font-size: $HTML_fontSize * $scale;
  }
}
